<div ng-init="init();" class="kmi-layout-content A0402-content">
    <div class="kmi-header-row">
        <div class="kmi-side-btn left" ng-click="back();">
            <i class="material-icons">&#xE408;</i>
            <div class="kmi-can-click"></div>
        </div>
        <div class="brand-title">
            <div class="custom" ng-if="companyName">
                <div class="title" ng-bind="companyName"></div>
                <img src="" alt="" class="brand">
                <div class="gap"></div>
            </div>
            <div class="digiwin">
                <img src="image/smes_v340/logo_ch.png" alt="">
                <img src="image/smes_v340/logo_en.png" alt="">
            </div>
        </div>
        <div class="header-title" ng-bind="'A0402.title' | translate"></div>
        <div class="header-logo"></div>
    </div>
    <div class="kmi-layout-main-content">
        <div class="kmi-layout-page">
            <div class="kmi-text-fields">
                <label class="label" ng-bind="'A0402.plot_no' | translate"></label>
                <input ng-model="plot_no" ng-keypress="barcode($event)"></input>
                <div class="tip search"><i class="material-icons" ng-click="loadPlotList();">search</i></div>
                <div class="kmi-button kmi-button-confrim"  ng-click="search()" style="width:100px">
                    <label ng-bind="'common.btn.search' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div>
            <div class="kmi-list column-selector" column-selector-id="plot_info_details">
                <div class="kmi-list__header">
                    <div class="kmi-list__column require" style="flex:0 0 40px"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 40px;" ng-bind="'A0402.list.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 60px;" ng-bind="'A0402.list.column6' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column7' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column8' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column9' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in plot_info_details track by $index">
                    <div class="kmi-list__column" style="flex:0 0 40px;">
                        <img ng-src="{{isSelect(item)?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                    </div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.op_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.op_name"></div>
                    <div class="kmi-list__column column-border" style="flex:0 0 40px;" ng-bind="item.status"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qty"></div>
                    <div class="kmi-list__column column-border" style="flex:0 0 60px;" ng-bind="item.unit_name"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_name"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.item_spec"></div>
                    <div class="kmi-can-click" ng-click="item_click($index,item);"></div>
                </div>
                </div>
            </div>
            <!-- <div class="kmi-text-fields" style="margin-top: 8px;">
                <label class="label" ng-bind="'A0402.wo_no' | translate"></label>
                <input ng-model="wo_no"></input>
                <div class="tip search"><i class="material-icons" ng-click="loadWoList();">search</i></div>
                <div class="kmi-button kmi-button-confrim"  ng-click="searchWoNo()" style="width:100px">
                    <label ng-bind="'common.btn.search' | translate"></label>
                    <div class="kmi-can-click"></div>
                </div>
            </div> -->
            <div class="kmi-list column-selector" column-selector-id="plot_info" style="margin-top: 12px;">
                <div class="kmi-list__header">
                    <div class="kmi-list__column require" style="flex:0 0 40px"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column1' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column2' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column3' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 40px;" ng-bind="'A0402.list.column4' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column5' | translate"></div>
                    <div class="kmi-list__column" style="flex:0 0 60px;" ng-bind="'A0402.list.column6' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column7' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column8' | translate"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="'A0402.list.column9' | translate"></div>
                </div>
                <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in plot_info track by $index">
                    <div class="kmi-list__column" style="flex:0 0 40px;">
                        <img ng-src="{{item.isSelect?'image/icons/check1.png':'image/icons/check0.png'}}"></img>
                    </div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.plot_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.op_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.op_name"></div>
                    <div class="kmi-list__column column-border" style="flex:0 0 40px;" ng-bind="item.status"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.qty"></div>
                    <div class="kmi-list__column column-border" style="flex:0 0 60px;" ng-bind="item.unit_name"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_no"></div>
                    <div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.item_name"></div>
                    <div class="kmi-list__column" style="flex:1;" ng-bind="item.item_spec"></div>
                    <div class="kmi-can-click" ng-click="item.isSelect=!item.isSelect"></div>
                </div>
                </div>
            </div>
        </div>
        <div class="kmi-layout-footer">
            <button class="mdl-button mdl-js-button mdl-button--fab mdl-shadow--custom mdl-button--custom1"
            ng-click="confirm();">
              <i class="material-icons">done</i>
            </button>
        </div>
    </div>
</div>
